!= js('control/initialize')
!= css('control')

.navbar.navbar-fixed-top
  .navbar-inner
    .container-fluid
      ul.nav#main-nav
        li.active: a.big Classes
        li: a.big Students
        li: a.big Teachers
      ul.nav.pull-right
        li.dropdown
          a.dropdown-toggle
            span#school-name School Name
            b.caret
          ul.dropdown-menu
            li: a Help
            li: a Logout
#classes.content-pane
  #add-language.modal.hidden
    .modal-header
      h1 Add Language
    form.modal-body.form-horizontal
      .control-group
        label.control-label Language
        .controls
          select#language-select
            option Japanese
      .control-group
        label.control-label Classes
        .controls
          label.checkbox
            input#101-checkbox(type = 'checkbox', checked = true)
            | 101
          label.checkbox
            input#201-checkbox(type = 'checkbox', checked = true)
            | 201
          label.checkbox
            input#301-checkbox(type = 'checkbox', checked = true)
            | 301
    .modal-footer
      a#confirm-language-btn.btn.btn-primary Add
      a#cancel-language-btn.btn.btn-dark Cancel
  .container-fluid
    .row-fluid#class-display.scrollbars
      a.btn.btn-primary.span2#add-language-btn(style = 'height: 300px') Add Language
#students.content-pane.hidden
  #student-settings.modal.hidden
    .modal-header
      h1 Student Settings
    form.modal-body
      .control-group
        label.control-label: h4 Username Format
        .controls
          p#snp-choice.btn-group(data-toggle = 'buttons-radio')
            a.btn.btn-primary.active Pattern
            a.btn.btn-primary Custom (per student)
          #set-s-username-pattern
            p
              em &nbsp;First&nbsp;
              input#s-pattern-n1.inline(value = '6', style = 'width:30px')
              em &nbsp;letters of&nbsp;
              select#s-pattern-s1.inline(style = 'width:110px')
                option First Name
                option(selected = true) Last Name
            p
              em &nbsp;followed by first&nbsp;
              input#s-pattern-n2.inline(value = '1', style = 'width:30px')
              em &nbsp;letters of&nbsp;
              select#s-pattern-s2.inline(style = 'width:110px')
                option(selected = true) First Name
                option Last Name
            p.help-block.small Example
            p.help-block.small
              | Timothy Hampton &rarr;
              strong#s-username-example lhs.hamptot
      .control-group
        label.control-label: h4 Email Suffix
        p.help-block (The bit after the '@')
        .controls
          p#ses-choice.btn-group(data-toggle = 'buttons-radio')
            a.btn.btn-primary.active Fixed
            a.btn.btn-primary Custom (per student)
          #set-s-email-suffix
            p
              input#student-email-suffix(value = 'you.school.nz')
            p.help-block.small Example:
            p.help-block.small
              | Timothy Hampton has email
              strong#s-email-example hamptot@you.school.nz
            p.help-block.small.
              Note: As nothing will be sent to the student's email unless requested it doesn't really matter if this is correct to start with.
    .modal-footer
      a#student-settings-ok.btn.btn-primary(data-loading-text = 'Saving ...') OK
      a#student-settings-cancel.btn.btn-dark Cancel
  #add-student-i.modal.hidden
    .modal-header
      h1 Add Individual Student
    form.modal-body.form-horizontal
      .control-group
        label.control-label Name
        .controls
          input#i-s-name.input-large(placeholder = 'First Last')
      .control-group
        label.control-label Username
        .controls
          #s-i-custom-username.hidden
            .input-prepend
              span.add-on lhs.
              input#s-i-username-input.input-large.inline(placeholder = 'username')
          #s-i-pattern-username you.lastf
      .control-group
        label.control-label Email
        .controls
          #s-i-custom-email.hidden
            input#s-i-email-input.input-large.inline(placeholder = 'email@you.school.nz')
          #s-i-pattern-email lastf@you.school.nz
      .control-group
        label.control-label Classes
        .controls: table
          tr
            td
              select#student-l1-select.input-medium
                option Japanese
            td
              select#student-c1-select.input-small
                option 101
                option 201
                option 301
          tr: td(colspan = '3'): a.btn.btn-dark Add Class
    .modal-footer
      a#confirm-student-i.btn.btn-primary(data-loading = 'Loading ...') Add
      a#cancel-student-i.btn.btn-dark Cancel
  .container-fluid
    .row-fluid
      table#students-grid.span9
      form.well.span2
        .btn-group.vertical
          a#student-settings-btn.btn.btn-dark Student Settings
        .btn-group.vertical
          a#add-student-i-btn.btn.btn-dark Add Individual
          a#add-student-c-btn.btn.btn-dark Add Class
#teachers.content-pane.hidden
  .container-fluid
    .row-fluid
      table#teachers-grid.span9


